<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>关于获取网页词频</title>
  <link rel="stylesheet" href="layui/css/layui.css">
  <style>
  body, html {
    height: 100%;
    margin: 0;
    padding: 0;
  }
    .layui-card-header {
    margin-top: 5px;
   display: flex;
   align-items: center;     /* 垂直居中 */
    height: 70px;
    }
    .word-frequency {
    height: 70px;
      font-size: 24px;
      font-weight: bold;
   display: flex;
   align-items: center;     /* 垂直居中 */
    }
    .yizhengpinclassn {
  display:flex;
  align-items:center;/*所有子元素都垂直居中了*/
justify-content: center;
    height: 500px;
    }
    .yizhengpinclassqq {
  display:flex;
justify-content: center;
    height: 300px;
    }
.word-frequency2touxiang {
   border-radius: 50%;
}
.zhichi {
      font-size: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}
h1 {
    margin-top: 50px;
    margin-bottom: 20px;
}
.tupian {
   border-radius: 5%;
}
p {
      font-size: 20px;
}
.word-frequency2 {
    margin-left: 20px;
      font-size: 30px;
}
.kaifazhezhanghao {
    margin-top: 20px;
      font-size: 20px;
}
.qwe12345678banquansuoyou {
    margin-top: 105px;
    margin-bottom: 105px;
      font-size: 20px;
}
  </style>
</head>
<body>
  <div class="layui-container">
    <div class="layui-row">
      <div class="layui-col-md1 icon-container">
      </div>
      <div class="layui-col-md11">
        <div class="layui-card">
          <div class="layui-card-header">
            <span class="word-frequency">获取网页词频</span>
          </div>
        </div>
  <div class="layui-container">
            <div class="yizhengpinclassqq" id="yizhengpin3" align="center" align-items="center">
            <div align="center" align-items="center">
  <h1 align="center">QQ群</h1>
  <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" id="qun">加入QQ群获取网页词频交流群:854260276</button>
          </div>
            </div>
            <div class="yizhengpinclassn" id="yizhengpin5" align="center" align-items="center">
            <div align="center" align-items="center">
  <h1 align="center">图片</h1>
<img class="tupian" src="a.jpeg" width="700" />
          </div>
            </div>
            <div class="yizhengpinclassn" id="yizhengpin" align="center" align-items="center">
            <div align="center" align-items="center">
  <h1 align="center">源码</h1>
  <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" id="yuanmagitee">gitee项目地址</button>
  <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" id="yuanmagitcode">gitcode项目地址</button>
  <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" id="yuanmagiteefirefoxban">gitee项目地址（Firefox版）</button>
  <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" id="yuanmagitcodefirefoxban">gitcode项目地址（Firefox版）</button>
            </div>
            </div>
            <div class="yizhengpinclass" id="yizhengpin2" align="center" align-items="center">
            <div align="center" align-items="center">
  <h1 align="center">开发者</h1>
<img  class="word-frequency2touxiang" src="Image_1707828205826.jpg" width="100" />
            <span class="word-frequency2">qwe12345678</span>
        <div class="kaifazhezhanghao" align="center">
  <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" id="gitee">gitee:183600</button>
  <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" id="gitcode">gitcode:qwe12345678</button>
  <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" id="QQ">QQ:3025385472</button>
  <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" id="kuan">酷安:qwe12345678</button>
          </div>
          </div>
            </div>
            <p class="qwe12345678banquansuoyou" align="center">qwe12345678版权所有</p>
          </div>
      </div>
    </div>
  </div>

  <script src="layui/layui.js"></script>
  <script src="js/welcome.js"></script>
</body>
</html>
